<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/weifukuan.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back">
				<span class="mui-icon mui-icon-arrowleft sp5"></span>
			</a>
		    <h1 class="mui-title">已付款</h1>
		    <span class="gouwuche">
		    	<i class="iconfont icon-gouwuche"></i>
		    </span>
		</header>
		
		<!--  底部导航栏     -->
		
		
		<!--  主题内容组件     -->
		<div id="all_order" class="mui-content">
			
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
//			nav_tab();
    	
	    	//底部导航栏点击跳转页面函数
//	    	function nav_tab(){
//	    		var nav = document.getElementById("nav");
//		    	var nav_tab = nav.getElementsByClassName("mui-tab-item");
//		    	for(var i=0;i<nav_tab.length;i++){
//		    		(function(x){
//		    			nav_tab[x].addEventListener('tap',function(){
//					        window.location.href = this.href;
//					    });
//		    		})(i)
//		    	}
//	    	}
		</script>
		<script>
			$.getJSON("../json/daifu.json",function(data){
                    var weifu ="";
//                  console.log(data.dingdan_weifu);
                    $.each(data.dingdan_yifu,function(infoIndex,info){
    //                  alert(info.img_list)
                        weifu +='<div class="shangpin">';
                        weifu +='<div class="shangpin_top">';
                        weifu +='<h5>' + info.g_fukuan + '</h5>';
                        weifu +='<div class="rights">';
                        weifu +='<a>订单号：<span>' + info.g_dingdan.id + '</span></a>';
                        weifu +='<span class="mui-icon iconfont icon-jinlingyingcaiwangtubiao30 shanchu"></span>';
                        weifu +='</div></div>';
                        weifu +='<div class="shangpin_zhong">';
                        var Outstring = "";
                        $.each(info.img_list, function(index, data){
                            Outstring += '<div class="imgs1">';
                            Outstring += '<a href=' + data.href + '>'
                            Outstring += '<img src=' + data.img + '>';
                            Outstring += '</a></div>';
                        })
                        weifu += Outstring;
                        weifu += '</div>';
                        weifu +='<div class="shangpin_bottom">';
                        weifu +='<a class="fukuan">已付款：<span>' + info.g_zongjiao + '</span>元</a>';
                        weifu +='<a class="jiesuan" href="goumaizhifu.html">再次购买</a>';
                        weifu +='</div></div>';
                        });
                   $("#all_order").append(weifu);
                   $(".imgs1:last").addClass("lasts");
       		});
		</script>
	</body>

</html>
